import styled from 'styled-components';

interface MyPaginationStyledPropsType {
  isAllowClick: { left: boolean; right: boolean };
}

export const MyPaginationStyled = styled.div<MyPaginationStyledPropsType>`
  float: right;
  color: #1885f3;
  letter-spacing: 0.3rem;
  user-select: none;

  .left-page {
    cursor: ${(props) => (props.isAllowClick.left ? 'pointer' : 'not-allowed')};
    opacity: ${(props) => (props.isAllowClick.left ? '1' : '0.3')};
  }
  .right-page {
    cursor: ${(props) => (props.isAllowClick.right ? 'pointer' : 'not-allowed')};
    opacity: ${(props) => (props.isAllowClick.right ? '1' : '0.3')};
  }
`;
